<style type="text/css">
.clear {
	clear: both;
}

.gray-shadow-block {
	background: #f3f3f3;
	box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.33);
	border-radius: 10px;
}

.center-block {
	margin: auto auto;
	width: 840px;
}

.topblock {
	padding: 20px 0;
	width: 840px;
	margin: 0 auto 40px auto;
}

.product thead {
	font-weight: bold;
	background: #3ea73b;
}

.bottom-block {
	margin: 30px auto;
}

.product tbody tr:nth-child(2n) {
	background: white;
}





.create-table .th {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.create-table td {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.create-table .th:not(:first-child) {
	height: 100%;
	border-left: 1px solid black;
}

.create-table .head {
	font-weight: bold;
	background: #3ea73b;
    color: white;
}

.create-table .th {
	float: left;
}

.create-table .table {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.create-table .table td:not(:first-child) {
	border-left: 1px solid black;
}

ul.marker-green li {
	margin-top: 10px;
}

ul.marker-green li:before {
	content: "";
	margin-right: 20px;
	display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 22px;
    background: #8BC53F;
    border: 2px solid white;
}
</style>

<div style="margin: 0 auto 40px auto; width: 840px; position: relative;">
	<a href="index.php?page=education" style="
	display: block;
	width: 238px;
	height: 97px;
	position: absolute;
	top: 660px;
	left: 548px;"></a>
	<div style="
	display: block;
	width: 716px;
	height: 159px;
	position: absolute;
	top: 798px;
	left: 62px;">
		<h4 style="margin-left: 40px; margin-top: 20px;">บริการโฮสติ้งของเรา</h4>
		<ul class="unstyled marker-green" style="margin-left: 200px; font-size: 16px;">
			<li>รองรับ HTML, PHP, MySQL</li>
			<li>รองรับ CMS ต่างๆ เช่น WordPress, Joomlam, Drupal</li>
			<li>มีอายุการใช้งาน 6 เดือน (ต่ออายุได้ฟรี)</li>
		</ul>
	</div>
	<div style="
	display: block;
	width: 298px;
	height: 205px;
	position: absolute;
	top: 986px;
	left: 62px;
	padding: 20px;
	font-size: 16px;
	line-height: 44px;">
		<h4>เอกสารการใช้สมัครบริการ</h4>
		<p>สำเนาหรือภาพถ่ายบัตรประจำตัวนักเรียน / นิสิต / นักศึกษา / หรือบัตรประจำตัวอาจารย์ เห็นเลขบัตรชัดเจน</p>
	</div>
	<div style="
	display: block;
	width: 298px;
	height: 205px;
	position: absolute;
	top: 986px;
	left: 440px;
	padding: 20px;
	font-size: 16px;
	line-height: 25px;">
		<h4>ขั้นตอนขอใช้บริการ</h4>
		<p>1. สมัครสมาชิก / เข้าสู่ระบบ</p>
		<p>2. กรอกแบบฟอร์มขอเข้าใช้งาน hosting เพื่อการศึกษา</p>
		<p>3. หลังการตรวจสอบข้อมูลแล้ว ทางระบบจะส่งข้อมูลการใช้งานโฮสติ้งทางอีเมลล์อีกครั้ง</p>
	</div>
	<img alt="" src="images/SchoolPoster.jpg" />
</div>

<div class="topblock text-center gray-shadow-block">
	บริการลูกค้าที่ต้องการใช้เซิฟเวอร์แต่เพียงผู้เดียว หรือเซิฟเวอร์เสมือน<br />
	คือการนำเครื่องเซิฟเวอร์หลักมาจำลองประสิทธิภาพและนำทรัพยากรของเครื่องเซิฟเวอร์ มาแบ่งเป็นส่วนๆ<br />
	เพื่อดึงความสามารถออกมาใช้งานได้อย่างคุ้มค่าที่สุด โดยแต่ละในเซิฟเวอร์เสมือน จะแยกกันโดยเด็ดขาด<br />
	หาก VPS ตัวใดตัวหนึ่งเสียหาย จะไม่มีผลต่อการทำงานของ VPS ตัวอื่นๆในระบบ<br />
</div>

<div class="center-block gray-shadow-block product server create-table">
	<div class="head">
		<div class="th" style="width: 200px;">Package</div>
		<div class="th" style="width: 300px;">รายละเอียด</div>
		<div class="th" style="width: 200px; text-align: center;">ค่าบริการขั้นต่ำ</div>
		<div class="th" style="width: 140px; border-left: none;"></div>
		<div class="clear"></div>
	</div>
	<table class="table" style="padding: 0;">
		<tbody>
			<?php foreach ($params['packages'] as $key => $value){ if($value['type'] == 'hosting'){ ?>
			<tr>
				<td style="width: 200px; padding-left: 10px;"><?php echo $value['name'];?></td>
				<td style="width: 300px;"><?php echo nl2br($value['info']);?></td>
				<td style="width: 200px; text-align: center;"><?php echo number_format($value['minPrice']['price']);?> บาท / <?php echo $value['minPrice']['month'];?> เดือน</td>
				<td style="width: 140px; border-left: none;"><a class="btn btn-warning" href="index.php?page=buyPackage&id=<?php echo $value['id'];?>">Buy Now</a></td>
			</tr>
			<?php }}?>
		</tbody>
	</table>
</div>
<div class="center-block gray-shadow-block bottom-block">
	<div style="padding: 20px 30px;">
		<h4>Web Hosting Feature VPS</h4>
		<ul class="unstyled">
			<li>- Control Panel ใช้งานง่ายและยืดหยุ่น</li>
			<li>- 99% Uptime Guarantee</li>
			<li>- บริการสำรองข้อมูลให้ลูกค้าทุกวัน</li>
			<li>- ห้ามนำไปเปิดให้บริการ File Server หรือ VIP Download Server ทุกประเภท</li>
		</ul>
		
		ข้อตกลงและขอบเขตการให้บริการ<br />
		โปรดอ่าน <a target="_blank" href="index.php?page=tos">เงื่อนไขการให้บริการ</a>
	</div>
</div>